.tianshuBox{
	width: 100%;
	height: 100%;
	background: #002F5E;
	.content{
		display: flex;
		.line{
			margin: 0 20px;
			width: 2px;
			height: 384px;
			background: linear-gradient(to bottom, rgba(51,153,1255, 0) 0%, #3C96FF 50%, rgba(51,153,1255, 0) 100%);
		}
	}
	// 物联网
	.internetThingsBox{
		width: 800px;
		.title{
			font-size: 28px;
			color: #FFFFFF;
			letter-spacing: 0.53px;
			line-height: 28px;
			text-shadow: 0 0 20px #0B63C9;
		}
		// 轮播图设置
		.carouselBox{
			position: relative;
			display: flex;
			margin-top: 5px;
			>div{
				position: relative;
				z-index: 99;
				flex: 1;
				:global{
					.carousel {
						position: relative;
						height: 360px;
						width: 100%;
						transform-style: preserve-3d;
						perspective: 800px;
						.item {
							position: absolute;
							top: 50%;
							transition: transform .5s ease-in-out;
							text-align: right;
							width: 100%;
							height: 30px;
							line-height: 30px;
							.img{
								width: 31px;
								height: 22px;
								margin-top: 4px;
								background-repeat: no-repeat;
								background-size: 31px 22px;
								float:right;
							}
							.name{
								font-size: 20px;
								color: #CEE4FF;
								letter-spacing: 0.38px;
								line-height: 30px;
								float:right;
								margin-right: 56px;
								margin-left: 8px;
							}
							.value{
								font-size: 20px;
								color: #FFCB4D;
								letter-spacing: 0.38px;
								line-height: 30px;
								float:right;
							}
							&.on{
								.name{
									margin-right: 48px;
								}
							}

						}

					}
				}
			}
			.carouselLeft_box{
				height: 360px;
			}
			.carouselRight_box{
				height: 360px;
				:global {
					.carousel {
						.item {
							text-align: left;
							.img{
								float:left;
							}
							.name{
								float:left;
								margin-left: 56px;
								margin-right: 8px;
							}
							.value{
								float:left;
							}
							&.on{
								.name{
									margin-left: 48px;
									margin-right: 8px;
								}
							}
						}
					}
				}

			}

			.centerBg{
				position: absolute;
				width: 392px;
				height: 366px;
				left: 50%;
				top: 50%;
				z-index: 9;
				margin-left: -196px;
				margin-top: -190px;
				background: url('./img/表框.png') no-repeat;
				background-size: contain;
				display: flex;
				justify-content: center;
				align-items: center;
				span{
					font-size: 24px;
					color: #FFFFFF;
					letter-spacing: 0.29px;
					line-height: 24px;
					text-shadow: 0 0 19px #0B63C9;
				}
				:global{
					div{
						position: absolute;
						width: 162px;
						height: 162px;
						left: 50%;
						top: 50%;
						margin-left: -81px;
						margin-top: -83px;
						background: url('./img/虚线.png') no-repeat;
						background-size: 162px 162px;
						animation: playRotate 20s 0s infinite linear;
					}
				}
			}
		}
	}

}
